{% extends "base.html" %}
{% block title %} 登陆{% endblock %}
{% block header %}
<link href="/css/datepicker.css" rel="stylesheet">
{% endblock %}
{% block content %}
<div class="container">
    <div class="span12">
        <div class="alert alert-info">
            <a class="close" data-dismiss="alert">×</a>
            <h5>Tips, remove me!</h5>
            <ul>
                <li>所有项目都是必填项。</li>
                <li>联系电话可以是手机或者座机。</li>
                <li>每个项目可以输入的最大长度请自行决定。</li>
            </ul>
        </div>
    </div>
</div>

<div class="container">
    <div class="span12">
        <form class="form-horizontal well" action="/register/" method="post" enctype="multipart/form-data">
            <fieldset>
                <legend>新用户注册</legend>
                <h3>{{message}}</h3>
                <div class="control-group">
                    <label class="control-label" for="username">帐号</label>
                    <div class="controls">
                        <input type="text" class="input-medium" id="username" name="username">
                    </div>
                </div>

                <div class="control-group">
                    <label class="control-label" for="password">密码</label>
                    <div class="controls">
                        <input type="password" class="input-medium" id="password" name="password">
                    </div>
                </div>

                <div class="control-group">
                    <label class="control-label" for="password2">密码确认</label>
                    <div class="controls">
                        <input type="password" class="input-medium" id="password2" name="password2">
                    </div>
                </div>

                <div class="control-group">
                    <label class="control-label" for="truename">姓名</label>
                    <div class="controls">
                        <input type="text" class="input-medium" id="truename" name="truename">
                    </div>
                </div>

                <div class="control-group">
                    <label class="control-label" for="birthday">生日</label>
                    <div class="controls">
                        <input type="text" class="input-small" id="birthday" placeholder="1980-01-01" name="birthday">
                    </div>
                </div>

                <div class="control-group">
                    <label class="control-label" for="phone">联系电话</label>
                    <div class="controls">
                        <input type="text" class="input-medium" id="phone" name="phone">
                    </div>
                </div>

                <div class="control-group">
                    <label class="control-label" for="address">地址</label>
                    <div class="controls">
                        <input type="text" class="input-xlarge" id="address" name="address">
                    </div>
                </div>

                <div class="control-group">
                    <label class="control-label" for="zipcode">邮编</label>
                    <div class="controls">
                        <input type="text" class="input-small" id="zipcode" name="zipcode">
                    </div>
                </div>

                <div class="form-actions">
                    <button type="submit" class="btn btn-primary">确定</button>
                    <button type="reset" class="btn">取消</button>
                </div>
            </fieldset>
        </form>
    </div>
</div>
{% endblock %}
{% block js %}
<script src="/js/bootstrap-datepicker.js"></script>

<script>
    $(function () {
        $('#birthday').datepicker({
            format: "yyyy-mm-dd"
        });
    });
</script>
{% endblock %}